<template>
    <div class="userhd">
        <div class="set_up">
            <img src="../assets/wei_img/xinxi.png" alt="">
            <img src="../assets/wei_img/shezhi.png" alt="">
        </div>
        <div class="user_iogin">
            <li>
                <img src="../assets/wei_img/avatar.png" alt="">
            </li>
            <span>登录</span>
        </div>
        <div class="orders">
            <span>我的订单</span>
            <p></p>
            <van-tabbar v-model="active" active-color="#ee0a24" inactive-color="#000">
            <van-tabbar-item icon="home-o">标签</van-tabbar-item>
            <van-tabbar-item icon="search">标签</van-tabbar-item>
            <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
            <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
            <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
            </van-tabbar>
        </div>
    </div>
</template>

<script>
    export default {
          data() {
            return {
                 active: 0,
            };
        },
    }
</script>

<style lang="less" scoped>
.userhd{
    width:100%;
    height: 1.87rem;
    background:url(../assets/wei_img/userbg.png) 0 0 no-repeat;
    border-radius: 0 0 0.3rem 0.3rem;
}
.set_up{
    width: 100%;
    height:20%;
    display: inline-flex;
    margin-top: 0.2rem;
    justify-content: flex-end;
    img{
        height: 70%;
        display: inline-block;
        margin-right: 0.2rem;
    }
}
.user_iogin{
    width: 100%;
    height: 0.65rem;
    display: inline-flex;
    li{
        margin-left: 00.2rem;
        img{
            height: 100%;
        }
    }
    span{
        margin-left: 0.1rem;
        line-height: 0.65rem;
        color:#fff;
    }
}
.van-tabbar--fixed {
    position: initial;
}
.orders{
    height: 1rem;
    width: 90%;
    background: #fff;
    border-radius: 10px;
    margin-left: 00.2rem;
    margin-top:00.2rem;
     span{
         display:inline-block;
         width: 90%;
         height: 40%;
         margin-left: 00.2rem;
         line-height: 0.4rem;
         border-bottom: #eee solid 1px;
     }
}
</style>